<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div{background-color: #45dfff;padding: 50px;}
	</style>
	<script src="jquery-1.10.1.min.js"></script>
	<script>
/*	$()下的常用方法
		ev : 事件event，JQ中已经处理了兼容问题，不需要再var ev = ev || event；

		JQuery中				对应		JAVASCRIPT中
		
		// even -- 对象						even -- 对象
		// ev.pageX 相对于文档				ev.clientX(相对于可视区)   可视区 + 隐藏区域(有滚动条时) = 文档区
		// ev.which 没有括号因为是属性		keyCode -- 键值
		// ev.preventDefault()				ev.preventDefault() -- 阻止默认事件
		// ev.stopPropagation()				ev.cancelBubble = true -- 阻止冒泡

		// return false -- 在JQ中这句话就是,既阻止默认事件也阻止冒泡
*/
	$(function (){
	/*	$(document).on('keydown', function (ev) {
			// alert(ev.which)					//which后面【没有括号】
		})
	*/

	/*	$(document).click(function (ev) {
			alert(ev.pageX)						//pageX后面【没有括号】，还有pageY
		})
	*/

		//阻止默认行为
	/*	$(document).on('contextmenu', function (ev){
			ev.preventDefault();				//有括号有括号
		})
	*/

		//阻止冒泡
		$('div').click(function (ev) {
			ev.stopPropagation();				//有括号有括号
		})

		$(document).click(function () {
			$('div').css('background-color', 'red')
		})
	})
		
	</script>
</head>
<body>
	<div>我已经阻止了冒泡，点击我无效</div>
</body>
</html>